@font-face {
    font-family: 'iconfont';  /* project id 196502 */
    src: url('//at.alicdn.com/t/font_3inf7a3vj35l8fr.eot');
    src: url('//at.alicdn.com/t/font_3inf7a3vj35l8fr.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_3inf7a3vj35l8fr.woff') format('woff'),
    url('//at.alicdn.com/t/font_3inf7a3vj35l8fr.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_3inf7a3vj35l8fr.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont";
    font-size: 18px;
    line-height: 20px;
    font-style: normal;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    user-select: none;
}

body {
    overflow-y: scroll;
}

#app {
    position: relative;
    height: 100vh;
    min-height: 500px;
}

.page-wrapper {
    height: calc(100vh - 45px);
    background: url(../imgs/seigaiha.png) repeat left top;
    background-size: 100% auto;
}

.page-container {
    width: 100vw;
    flex-grow: 1;
}

.mint-tab-item {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 13px 0 3px;
}

.mint-button {
    border-radius: 0;
    &.cir {
        border-radius: 5px;
    }
    &.org {
        background: $em;
    }
}

.mint-cell {
    &--short {
        min-height: 48px;
    }
    &__title {
        font-size: 14px;
        color: #aaa;
        line-height: 3;
        padding-left: 10px;
    }
}

.cb {
    &__popup {
        width: 100%;
        height: 100%;
        min-height: 500px;
        overflow-y: scroll;
        padding-top: 20vw;
        &-btn {
            position: absolute;
            bottom: 0;
            &--normal {
                position: relative;
                margin: 0 auto;
                width: 90%;
            }
        }
        &-top {
            width: 100%;
            height: 60px;
            padding-top: 0;
            transform: translate(0, -10px);
            background: transparent;
            left: 0;
        }
        &--dark {
            padding-top: 0;
            background: #f5f4f9;
        }
    }
    &__more {
        font-size: 13px;
        color: #777;
        width: 90%;
        margin: 10vw auto;
    }
}

.shutdown {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}